<mat-sidenav-container fullscreen [class.my-dark-theme]="darkTheme">
    <mat-sidenav #sidenav class="mat-elevation-z4" mode="over">
        <!-- mode="side/over(默认) "  align="start(默认)/end"-->
        <task-sidebar (sidebarClick)="sidenav.toggle()"></task-sidebar>
    </mat-sidenav>
    <div class="site">
        <header>
            <task-header (toggle)="sidenav.toggle()" (toggleDarkTheme)="switchTheme($event)"></task-header>
        </header>
        <div class="main">
            <router-outlet></router-outlet>
            <!-- <div class="square" [@square]="squareSate" (click)="onClick()"></div> -->
        </div>
        <footer>
            <task-footer></task-footer>
        </footer>
    </div>
</mat-sidenav-container>